<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>申请记录</title>
    <link rel="stylesheet" href="../node_modules/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="./css/style.css">
</head>
<body ontouchstart>
    <div class="page">
        <div class="page_navbar">
            <div class="weui-search-bar search_bg " id="search_bar">
                <form class="weui-search-bar__form search_bg">
                    <div class="weui-search-bar__box">
                        <i class="weui-icon-search"></i>
                        <input type="search" class="weui-search-bar__input" id="search_input" placeholder="搜索" />
                        <a href="javascript:" class="weui-icon-clear" id="search_clear"></a>
                    </div>
                    <label for="search_input" class="weui-search-bar__label" id="search_text">
                        <i class="weui-icon-search"></i>
                        <span>搜索</span>
                    </label>
                </form>
                <a href="javascript:" class="weui-search-bar__cancel-btn" id="search_cancel">取消</a>
            </div>
            <div class="search_selete_btn">
                <div class="fill_box">
                    <input type="checkbox" name="checkbox">
                    <span class="pif_status filling">申请中</span>
                </div>
                <div class="review_box">
                    <input type="checkbox" name="checkbox">
                    <span class="pif_status reviewing">审核中</span>
                </div>
                <div class="success_box">
                    <input type="checkbox" name="checkbox">
                    <span class="pif_status success">审核通过</span>
                </div>
                <div class="refuse_box">
                    <input type="checkbox" name="checkbox">
                    <span class="pif_status refuse">审核拒绝</span>
                </div>
            </div>
        </div>
        <div class="pro_items">
            <div class="pro_item">
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">用信额度</span>
                        <span class="pid_money">500万</span>
                    </div>
                    <div class="pro_item_ft">
                        <span class="pif_title">审核状态</span>
                        <span class="pif_status success">审核通过</span>
                    </div>
                </div>
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">项目名称</span>
                        <span class="pid_name">工程建设</span>
                    </div>
                </div>
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">用信申请</span>
                        <span class="pid_time">2017.5.11</span>
                    </div>
                    <div class="pro_item_ft">
                        <a href="pro_info_details.html" class="pif_link">查看用信</a>
                    </div>
                </div>
            </div>
            <div class="pro_item">
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">用信额度</span>
                        <span class="pid_money">500万</span>
                    </div>
                    <div class="pro_item_ft">
                        <span class="pif_title">审核状态</span>
                        <span class="pif_status filling">申请中</span>
                    </div>
                </div>
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">项目名称</span>
                        <span class="pid_name">工程建设</span>
                    </div>
                </div>
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">用信申请</span>
                        <span class="pid_time">2017.5.11</span>
                    </div>
                    <div class="pro_item_ft">
                        <a href="pro_info_details.html" class="pif_link">查看用信</a>
                    </div>
                </div>
            </div>
            <div class="pro_item">
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">用信额度</span>
                        <span class="pid_money">500万</span>
                    </div>
                    <div class="pro_item_ft">
                        <span class="pif_title">审核状态</span>
                        <span class="pif_status reviewing">审核中</span>
                    </div>
                </div>
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">项目名称</span>
                        <span class="pid_name">工程建设</span>
                    </div>
                </div>
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">用信申请</span>
                        <span class="pid_time">2017.5.11</span>
                    </div>
                    <div class="pro_item_ft">
                        <a href="pro_info_details.html" class="pif_link">查看用信</a>
                    </div>
                </div>
            </div>
            <div class="pro_item">
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">用信额度</span>
                        <span class="pid_money">500万</span>
                    </div>
                    <div class="pro_item_ft">
                        <span class="pif_title">审核状态</span>
                        <span class="pif_status refuse">审核拒绝</span>
                    </div>
                </div>
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">项目名称</span>
                        <span class="pid_name">工程建设</span>
                    </div>
                </div>
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">用信申请</span>
                        <span class="pid_time">2017.5.11</span>
                    </div>
                    <div class="pro_item_ft">
                        <a href="#" class="pif_link">查看用信</a>
                    </div>
                </div>
            </div>
            <div class="pro_item">
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">用信额度</span>
                        <span class="pid_money">500万</span>
                    </div>
                    <div class="pro_item_ft">
                        <span class="pif_title">审核状态</span>
                        <span class="pif_status refuse">审核拒绝</span>
                    </div>
                </div>
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">项目名称</span>
                        <span class="pid_name">工程建设</span>
                    </div>
                </div>
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">用信申请</span>
                        <span class="pid_time">2017.5.11</span>
                    </div>
                    <div class="pro_item_ft">
                        <a href="#" class="pif_link">查看用信</a>
                    </div>
                </div>
            </div>
            <div class="pro_item">
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">用信额度</span>
                        <span class="pid_money">500万</span>
                    </div>
                    <div class="pro_item_ft">
                        <span class="pif_title">审核状态</span>
                        <span class="pif_status refuse">审核拒绝</span>
                    </div>
                </div>
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">项目名称</span>
                        <span class="pid_name">工程建设</span>
                    </div>
                </div>
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">用信申请</span>
                        <span class="pid_time">2017.5.11</span>
                    </div>
                    <div class="pro_item_ft">
                        <a href="#" class="pif_link">查看用信</a>
                    </div>
                </div>
            </div>
            <div class="pro_item">
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">用信额度</span>
                        <span class="pid_money">500万</span>
                    </div>
                    <div class="pro_item_ft">
                        <span class="pif_title">审核状态</span>
                        <span class="pif_status refuse">审核拒绝</span>
                    </div>
                </div>
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">项目名称</span>
                        <span class="pid_name">工程建设</span>
                    </div>
                </div>
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">用信申请</span>
                        <span class="pid_time">2017.5.11</span>
                    </div>
                    <div class="pro_item_ft">
                        <a href="#" class="pif_link">查看用信</a>
                    </div>
                </div>
            </div>
            <div class="pro_item">
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">用信额度</span>
                        <span class="pid_money">500万</span>
                    </div>
                    <div class="pro_item_ft">
                        <span class="pif_title">审核状态</span>
                        <span class="pif_status refuse">审核拒绝</span>
                    </div>
                </div>
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">项目名称</span>
                        <span class="pid_name">工程建设</span>
                    </div>
                </div>
                <div class="pro_item_tr">
                    <div class="pro_item_bd">
                        <span class="pid_title">用信申请</span>
                        <span class="pid_time">2017.5.11</span>
                    </div>
                    <div class="pro_item_ft">
                        <a href="#" class="pif_link">查看用信</a>
                    </div>
                </div>
            </div>
            <div class="separat"> </div>
        </div>
        <div class="weui-btn-area page_ft">
            <a class="weui-btn weui-btn_primary" href="application_info_pro.html">提交新的用信申请</a>
        </div>
    </div>
    <script src="../node_modules/weui/dist/example/zepto.min.js"></script>
    <script src="./js/touch.js"></script>
    <script type="text/javascript" src="https://res.wx.qq.com/open/libs/weuijs/1.1.1/weui.min.js"></script>
    <script>
        $(function(){
            var $searchBar = $('#search_bar'),
                $searchText = $('#search_text'),
                $searchCancel = $('#search_cancel');

            $searchText.on('click', function(){
                $searchText.addClass('search_label_hide');
                $searchCancel.addClass('search_cancel_show');
            });
            $searchCancel.on('click', function(){
                $searchCancel.removeClass('search_cancel_show');
                $searchText.removeClass('search_label_hide');
            });
        });
    </script>
    
</body>
</html>